<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name=renderer content=webkit>
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
    <!-- nw核心框架 -->
    <script src="../../nwqd.js"></script>
    <script src="js/dyR0xx.js"></script>
    <script src="js/dyGenxx.js"></script>

</head>
<script>
    function _xt_nw_qd0() {
        let rq0 = nw.cj('rq0');
        rq0.ys.xgNYS({ bk: '1px solid red', k: '200px', g: '150px', wbj: '20px', nbj: '50px', nbj_z: '10px', cc: 'auto' })
        rq0.jt.gdt_gd(wo_dyRQ0YScs)

        //信息展示框
        let xx = nw.cj('xxzs');
        xx.ys.xgNYS({ wz: 'relative', g: '200px' })
        xx = nw.cj('xxzs2');
        xx.ys.xgNYS({ wz: 'relative', g: '200px' })
    }


    //----------修改样式
    function wo_xgYS() {
        let gen = nw.cj('gen');
        //操控内样式
        gen.ys.xgNYS(" k:200px; bk: solid red 1px; g:223px; wbj:60px")
        gen.ys.xgNYS({ zt_ys: 'red' })

        //操控外样式
        gen.ys.xgWYS('bj, zt')
        gen.ys.xgWYS('bj   zt')
        gen.ys.xgWYS('nbj')

        wo_dyGenYScs()
        wo_dyRQ0YScs()
    }
    //----------删除样式
    function wo_scYS() {
        let gen = nw.cj('gen');
        //通过修改值为null方式。可以删除内样式
        gen.ys.xgNYS({ zt_ys: null, k: null })
        //直接调用删除方法。 多个属性时，通过【逗号】隔开。
        gen.ys.scNYS('g,bk')

        gen.ys.scWYS('zt;bj nbj')
        // gen.ys.scWYS('zt;bj;nbj')
        // gen.ys.scWYS('zt ,bj,nbj')
        // gen.ys.scWYS('zt bj nbj')

        // gen.ys.scWYS('bj')
        // gen.ys.scWYS('zt')
        // gen.ys.scWYS('nbj')

        wo_dyRQ0YScs()
        wo_dyGenYScs()
    }
    //----------获取样式
    function wo_hqYS() {
        let gen = nw.cj('gen');
        console.log(gen.ys.hqNYS('zt_ys'))//获取内样式的值
        console.log(gen.ys.hqNYS('bk'))//获取内样式的值
        console.log(gen.ys.hqNYS('k'))//获取内样式的值
        console.log(gen.ys.hqNYS('g'))//获取内样式的值

        wo_dyRQ0YScs()
        wo_dyGenYScs()
    }
    //----------现显|隐藏
    function wo_xsHyc() {
        let gen = nw.cj('gen');
        gen.ys.xgNYS_xsHyc();//显示或隐藏。
        // gen.ys.xgNYS_xs();//只显示
        // gen.ys.xgNYS_yc();//只隐藏

        wo_dyRQ0YScs()
        wo_dyGenYScs()
    }



</script>
<style>
    .bj {
        background-color: green;
    }

    .nbj {
        padding: 20px;
    }

    .zt {
        font-size: 20px;
    }

    #xxzs div {
        border: green 1px solid;
        width: 250px;
        height: 90px;
        font-size: 12px;
        position: absolute;
        padding: 5px;
    }

    #xxzs2 div {
        border: green 1px solid;
        width: 250px;
        height: 90px;
        font-size: 12px;
        position: absolute;
        padding: 5px;
    }
</style>

<body>
    <button onclick="wo_xgYS()">修改样式</button>
    <button onclick="wo_scYS()">删除样式</button>
    <button onclick="wo_hqYS()">获取样式</button>
    <button onclick="wo_xsHyc()">显示或隐藏</button>
    <button onclick="wo_dyRQ0YScs()"> rq0样式参数</button>
    <button onclick="wo_dyGenYScs()">gen样式参数</button>

    <div id="rq0">
        <div id="gen">
            儿子
        </div>
    </div>

    <h1>R0 div样式参数：</h1>
    <div id="xxzs">
        <div id="cs_g"> </div>
        <div id="cs_k" style="left: 262px;"> </div>
        <div id="cs_gdt" style="left:  524px;"> </div>

        <div id="cs_wbj" style="left: 0px; top: 102px;"> </div>
        <div id="cs_nbj" style="left: 262px; top: 102px;"> </div>
        <div id="cs_bk" style="left:  524px; top: 102px;"> </div>
    </div>
    <h1>R0儿子 div样式参数：</h1>
    <div id="xxzs2">
        <div id="cs_g2"> </div>
        <div id="cs_k2" style="left: 262px;"> </div>
        <div id="cs_gdt2" style="left:  524px;"> </div>
        <div id="cs_wbj2" style="left: 0px; top: 102px;"> </div>
        <div id="cs_nbj2" style="left: 262px; top: 102px;"> </div>
        <div id="cs_bk2" style="left:  524px; top: 102px;"> </div>
    </div>
</body>

</html>